<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<div xmlns="http://www.w3.org/1999/html">
    <h2><span>SMS Message  List</span>
        <a href="#/create-sms" class="pull-right btn btn-primary"><span id="sms-add-new">Send New SMS</span></a>
    </h2>

    <div class="alert alert-success" id="saveSuccessMsgDiv" ng-show="smsId">
        <span ng-bind="message"></span>.

    </div>

    <div>

        <br/>
        <table class="table table-striped table-bordered">
            <thead>
            <tr class="gradient-header">
                <th>Phone #
                </th>
                <th>Text Message
                </th>
                <th>Direction
                </th>
                <th>Sent
                </th>
                <th>Date Received
                </th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="sms in filterSMS">
                <td>
                    <div>{{sms.phoneNumber}}</div>
                </td>
                <td>
                    <div>{{sms.message}}</div>
                </td>
                <td>
                    <div>{{sms.direction}}</div>
                </td>
                <td>
                    <div>{{sms.sent}}</div>
                </td>
                <td>
                    <div>{{sms.dateSaved |date:'medium'}}</div>
                </td>
            </tr>
            </tbody>
        </table>

    </div>
</div>